const webpack = require('webpack')
const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

module.exports = {
    devServer: {
        proxy: {
            '/students':{
                target: 'http://127.0.0.1:3000/',
                ws: true,        //要代理 websockets，配置这个参数
                secure: false,  // https接口，需要配置这个参数
                changeOrigin: true,
            },
            '/project':{
                target: 'http://127.0.0.1:3000/',
                ws: true,        //要代理 websockets，配置这个参数
                secure: false,  // https接口，需要配置这个参数
                changeOrigin: true,
            },
            '/item':{
                target: 'http://127.0.0.1:3000/',
                ws: true,        //要代理 websockets，配置这个参数
                secure: false,  // https接口，需要配置这个参数
                changeOrigin: true,
            },
            '/teachers':{
                target: 'http://127.0.0.1:3000/',
                ws: true,        //要代理 websockets，配置这个参数
                secure: false,  // https接口，需要配置这个参数
                changeOrigin: true,
            },
            '/admins':{
                target: 'http://127.0.0.1:3000/',
                ws: true,        //要代理 websockets，配置这个参数
                secure: false,  // https接口，需要配置这个参数
                changeOrigin: true,
            },
            '/collection':{
                target: 'http://127.0.0.1:3000/',
                ws: true,        //要代理 websockets，配置这个参数
                secure: false,  // https接口，需要配置这个参数
                changeOrigin: true,
            },
            '/file':{
                target: 'http://127.0.0.1:3000/uploads/',
                ws: true,        //要代理 websockets，配置这个参数
                secure: false,  // https接口，需要配置这个参数
                changeOrigin: true,
            },
        }
    },
    configureWebpack: {
        plugins: [
            AutoImport({
                resolvers: [ElementPlusResolver()],
            }),
            Components({
                resolvers: [ElementPlusResolver()],
            }),
        ],
        module: {
            rules: [
                {
                    test: /\.mjs$/,
                    include: /node_modules/,
                    type: "javascript/auto"
                },
            ]
        }
    }
}
